<!-- NewsDetail1.vue -->
<template>
  <p>新闻ID： {{ params.id }}</p>
  <p>新闻标题：{{ params.title }}</p>
  <p>新闻内容： {{ params.content }}</p>
</template>
<script lang="ts" setup>
// import { useRoute } from 'vue-router'
// import { toRefs } from 'vue'
// const route = useRoute()
// // 打印query参数
// console.log(route.query)
// //配置双向绑定数据
// const { query } = toRefs(route)
import { useRoute } from 'vue-router'
import { toRefs } from 'vue'
const route = useRoute()
// 打印params参数
console.log(route.params)
//配置双向绑定数据
const { params } = toRefs(route)
</script>
<style></style>
